@charset "utf-8";
/* CSS Document */

body{
	background:#999;
}

#header,#nav,#banner,#news,#case,#product,#bottom{
	width:1000px;
	margin:0 auto;
}
/*头部header*/
#header{
	height:100px;
	background:#fff;
}
#header .logo{
	line-height:100px;
	padding-left:21px;
	float:left;
}
#header form{
	float:right;
	height:61px;
	width:247px;
	padding-top:39px
}
#header form .search_text{
	width:181px;
	height:26px;
	border:1px solid #e5e5e5;
	border-right:0;
	background:#f1f1f1;
	float:left;
	padding-left:14px;
	font-size:9px;
	outline:none;
	color:#8b8b8b;
}
#header form .search_btn{
	width:30px;
	height:28px;
	border:1px solid #e5e5e5;
	border-left:0;
	background:#f1f1f1 url(../images/search.jpg) no-repeat center;
	float:left;	
}
/*导航nav*/
#nav{
	height:59px;
	background:#2a2a2a;
}
#nav li{
	float:left;
	width:119px;
	height:59px;
	line-height:59px;
	text-align:center;
	border-right:1px solid #4a4a4a;
}
#nav li:hover{
	background:#fff;
}
#nav li:hover >a{
	color:#000;
}
#nav .nav-first{
	padding-left:27px;
}
#nav .nav-last{
	border-right:none;
	padding-right:13px;
}
#nav li a{
	color:#fff;
	font-size:12px;
}

/*news*/
#news{
	height:241px;
}
#news div{
	padding-top:37px;
	float:left;
}
#news .title{
	font-size:17px;
	color:#1a1a1a;
}
#news .news1{
	padding-left:22px;
	width:478px;
	height:204px;
	background:#fff;
}
#news .news1 h3{
	padding-bottom:22px;
}
#news .news1 .content{
	width:310px;
	float:left;
}
#news .news1 .content li{
	line-height:24px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:12px;
	background:url(../images/dian.jpg) no-repeat left center;
}
#news .news1 .content li a{
	font-size:12px;
	color:#525252;
}
#news .news1 .content li a:hover{
	color:#093;
}
#news .news1 .time{
	width:93px;
	float:right;
}
#news .news1 .time li{
	font-size:9px;
	line-height:24px;
	color:#979797;
}
#news .news2,#news .news3{
	padding-left:25px;
}
#news .news2{
	width:215px;
	height:204px;
	background:#f1f1f1;
}
#news .news2 h3{
	padding-bottom:32px;
}
#news .news2 span{
	font-size:12px;
	color:#4e4e4e;
	line-height:25px;
}
#news .news2 .span2{
	font-size:11px;
}
#news .news2 p{
	font-size:11px;
	color:#8a8a8a;
	line-height:24px;
	margin-top:14px;
	widows:190px;
}
#news .news2:hover >span{
	color:#093;
}
#news .news2:hover >p{
	color:#093;
}
#news .news3{
	width:235px;
	height:204px;
	background:#fbfbfb url(../images/zhiwu.jpg) no-repeat right bottom;
}
#news .news3 h3{
	padding-bottom:21px;
}
#news .news3 .more{
	display:block;
	width:66px;
	height:19px;
	background:#a8a8a8;
	text-align:center;
	line-height:19px;
	border-radius:3px;
}
#news .news3 .more:hover{
	background:#093;
}
#news .news3 p{
	font-size:12px;
	line-height:24px;
	color:#545454;
	margin-bottom:50px;
}
#news .news3 .more a{
	font-size:7px;
	color:#fff;
}
#news .news3:hover >p{
	color:#093;
}
/*case*/
#case{
	height:305px;
	background:#fff;
}
#case h3{
	padding:30px 0 17px 23px;
}
#case ul{
	width:960px;
	height:240px;
	margin:0 auto;
	overflow:hidden;
}
#case ul li{
	float:left;
	width:210px;
	margin-right:40px;
}
#case ul li:nth-last-child(1){
	margin-right:0;
}
#case ul li a{
	font-size:12px;
	color:#505050;
	line-height:25px;
	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#case ul li a:hover{
	color:#093;
}
/*product*/
#product{
	height:219px;
	padding:31px 20px 0;
	width:960px;
	background:#e5e5e5;
}
#product .hr{
	border-top:1px solid #bebebe;
	padding-bottom:5px;
}
#product div{
	float:left;
	height:219px;
	margin-right:50px;
}
#product div h3{
	font-size:15px;
	color:#616161;
	padding-bottom:11px;
}
#product .pro1{
	width:452px;
}
#product .pro1 ul{
	width:452px;
}
#product .pro1 ul li{
	float:left;
}
#product .pro1 .ul li{
	background:url(../images/gt.jpg) no-repeat 10px center;
	padding-left:24px;
	line-height:25px;
}
#product .pro1 .ul1{
	width:150px;
}
#product .pro1 .ul1 li{
	width:126px;
}
#product .pro1 .ul2{
	width:192px;
}
#product .pro1 .ul2 li{
	width:168px;
}
#product .pro1 .ul3{
	width:110px;
}
#product .pro1 .ul3 li{
	width:76px;
}
#product .pro1 ul li a{
	font-size:11px;
	color:#626262;
	line-height:24px;
}
#product .pro2{
	width:152px;
}
#product .pro2 h3,#product .pro1 h3{
	padding-left:12px;
}
#product .pro2 ul{
	
}
#product .pro2 ul li{
	background:url(../images/gt.jpg) no-repeat 10px center;
	padding-left:24px;
	line-height:25px;
}
#product .pro2 ul li a{
	font-size:12px;
	color:#5a5a5a;
}
#product .pro3{
	width:256px;
	margin-right:0;
}
#product .pro3 div{
	width:256px;
	height:192px;
	background:url(../images/zg_03.jpg) no-repeat center 16px;
}
/*bottom*/
#bottom{
	height:58px;
	background:#fff;
	padding-top:24px;
}
#bottom ul{
	padding-left:22px
}
#bottom ul li{
	float:left;
	border-right:1px solid #828282;
	padding:0 7px;
	line-height:12px;
}
#bottom ul li:nth-last-child(1){
	border-right:0;
}
#bottom ul li a{
	font-size:10px;
	color:#878787;
}
#bottom div{
	float:right;
	padding-right:19px;
	font-size:10px;
	color:#828282;
}
#bottom div span{
	margin-left:16px;
}
#bottom div span a{
	margin-left:8px;
}
/*hover*/
